<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <link rel="stylesheet/less" href="./less/01_less的基本使用.less">
  <script src="./js/lessc.js"></script>

</head>
<body>
  <!-- 
    ■less代码如何被编译成CSS代码运行呢?
    ■方式一：下载Node环境，通过npm包管理下载less工具，使用less工具对代码进行编译；
      口因为目前我们还没有学习过Node,更没有学习过npm工具；
      口所以先阶段不推荐大家使用less本地工具来管理；
      口后续我们学习了webpack其实可以自动完成这些操作的；
    ■方法二：通过VSCode插件来编译成CSS或者在线编译
      口VSCode插件：Easy LESS
        自动生成CSS文件，但是不方便调试；
      在线编译：https://less.bootcss.com/
    ■方式三：引入CDN的less编译代码，对less进行实时的处理；
      <link rel="stylesheet/less"href="./less/01_测试less.less">
      <script src="https://cdn.jsdelivr.net/npm/less@4"></script>
      下载到本地的less编译代码，通过script标签引入；

  -->
  
  <div class="container">
    <div class="box"></div>
  </div>

</body>
</html>